@import "~src/assets/scss/global.color.scss";

.table-find {
  min-width: 242px;
}

// 查询样式
.tf-find {
  margin-top: 1.25rem;

  .find-block {
    display: inline-block;
    margin: 0 0 0.5rem 1rem;

    .block-frame {
      display: inline-block;
      margin-left: 0.625rem;
    }

    .block-name {
      min-width: 1rem;
      text-align: right;
      float: left;
      margin-top: 0.25rem;
    }
  }

  .find-search {
    display: inline-block;
    vertical-align: top;
    margin-left: 0.625rem;
  }

}

// 按钮样式
.tf-button {

  button {
    background-color: $button-background-color;
    border-color: $button-background-color;
    color: $button-color;
    margin-top: 0.625rem;
    margin-left: 0.625rem;
  }

  button[disabled] {
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    color: rgba(0, 0, 0, .25);
    margin-top: 0.625rem;
    margin-left: 0.625rem;
  }

  .round-transparent-min {
    color: $button-background-color;
  }
}

// 表格样式
:host ::ng-deep .ant-breadcrumb-separator {
  margin: 0;
}

:host ::ng-deep .ant-table-small > .ant-table-content > .ant-table-body {
  margin: 0;
}

.tf-table {
  margin-top: 0.625rem;

  .label {
    margin-left: 0.625rem;
  }

  .thead-tr {
    background-color: $table-top-background-color;

    th:nth-child(1) {
      text-align: left;
      padding-left: 1rem;

      .tr-text {
        margin-left: 0.2rem;
      }
    }

    th {
      text-align: center;
      color: $table-top-color;
    }
  }

  .thead-tr:hover {
    background-color: $table-top-background-color;

    th {
      color: $table-top-color;
    }
  }

  .tbody-tr {
    td {
      text-align: center;
      word-break: break-all;
    }

    td:nth-child(1) {
      text-align: left;
      padding-left: 1rem;

      i {
        display: inline-block;
        vertical-align: top;
        font-size: 1.5rem;
        text-align: left;
        margin-left: 0.3125rem;
      }
    }
  }

  .td-operate {
    display: inline-block;
    vertical-align: top;
    margin-left: 0.25rem;
    cursor: pointer
  }

  :host ::ng-deep .ant-checkbox-checked .ant-checkbox-inner {
    background-color: $checked-color;
    border-color: $checked-color;
  }
}




